.mine_container{
  width: 100vw;
  height: 100vh;
  background-color:#F8F8F8;
  padding: 20rpx;
  box-sizing: border-box;
  .header{
    width: 100%;
    height: 500rpx;
    background: linear-gradient(15deg,#4C4978,#8C8DB6);
    // background-color: #5C5B88;
    padding: 50rpx 20rpx;
    box-sizing: border-box;
    border-bottom-left-radius: 50rpx;
    position: relative;
      .header_image{
      width: 95%;
      height: 100rpx;
      margin: auto;
      display: flex;
      justify-content: space-between;
      margin-bottom: 100rpx;
      .header_image_one{
        width: 400rpx;
        display: flex;
        align-items: center;
        color: #FFFFFF;
        image{
          width: 100rpx;
          height: 100rpx;
          margin-right: 20rpx;
          border-radius: 50%;
        }
        text{
         font-size: 45rpx;
         width: 100rpx;

        }
      }
    }
  }
}
.header_image_text{
  display: flex;
  align-items: center;
  color: #FFFFFF;
  text{
    margin-right: 20rpx;
  }
}
.text_all{
  width: 100%;
  height: 100rpx;

  margin: auto;
  display: flex;
  justify-content: space-around;
  .text_item{
    width: 20%;
    height: 100rpx;
    text-align: center;
    color: white;
  }
}
.message{
  width: 90%;
  height: 180rpx;
  background-color: #FFFFFF;
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 20rpx;
  position: absolute;
  top: 420rpx;
  right:35rpx;
  .meaasge_item{
    width:20% ;
    height: 100rpx;
    text-align: center;
    image{
      width: 50rpx;
      height: 50rpx;
    }
  }
}

.more{
  width: 100%;
  height: 200rpx;
  background-color:#FFFFFF;
  margin-top: 100rpx;
  border-radius: 20rpx;
  padding: 10rpx;
  box-sizing: border-box;
  image{
    width: 50rpx;
    height: 50rpx;
  }
  .fuwu{
    text{
      font-size:35rpx;
      color: #4E4E4E;
      font-weight: bold;
    }
  }
  .yonghu{
    margin-top: 20rpx;
    text-align: center;
    width: 25%;
  }
}
.yonghu_all{
  width: 100%;
  display: flex;
}